In meiner Bachelor Thesis beschäftigte ich mit dem Stromverbrauch von WebGL Anwendungen auf mobile Endgeräten. Um herauszufinden welche 3D Anwendungen mehr Energie benötigen und ob es Unterschiede bei der Darstellung von gleichen Szenen in unterschiedlichen Browsern entwickelte ich einen Benchmark. In diesem werden verschiedene dreidimensionale Szenen berechnen und dabei der Energieverbrauch in Form des Batterieverbrauchs aufzeichnet.
\nDie Anwendung wurde komplett in JavaScript mit dem freien WebGL Framework ThreeJS entwickelt. Um den Energieverbrauch messen zu können wurde die BatteryAPI des Browsers verwendet.
\nIm Folgenden das Abstrakt meiner Bachelor Thesis
\n\n\nIn den letzten Jahren hat sich das Erscheinungsbild des World Wide Web stark verändert. Konnten vor ein paar Jahren die Browser gerade dazu genutzt werden um Text- und Bildinformationen anzuzeigen verfügen moderne Browser heute über eine hohe Anzahl an Features, die völlig neue Möglichkeiten eröffnen. Eines dieser Features ist dabei die Programmierschnittstelle WebGL. Diese ermöglicht es im Browser 3D Inhalte anzuzeigen, die zuvor von der Grafikeinheit berechnet wurden. Durch die Nutzung solcher APIs steigen jedoch auch die Anforderungen an die jeweiligen Geräte. Auf normalen Compu-tern mit einer dauerhaften Stromversorgung stellt dies kein Problem dar, jedoch stellt sich die Frage, wie sich solche APIs auf mobilen Endgeräten auswirken, die nur über eine begrenzte Leistung und Energieversorgung verfügen.
\n
\n","frontmatter":{"title":"Bachelor Thesis","published":"März 2015","description":"Power Consumption fo WebGL Applications on Mobile Devices","banner":{"childImageSharp":{"id":"911d3420-69c6-5f6b-b4c5-412a222989d0","fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='250'%20viewBox='0%200%20400%20250'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%2064a473%20473%200%20000%2075v3h13l-3%202c-2%200-3%205-1%207l1%205c0%203%200%204%202%204s2%200%201%201H9l-6-1c-3%200-3%200-3%203s0%203%204%203l4-1%203-1c3%201%203%203-1%202l-2%201-4%201c-3%200-4%200-1%201%208%201%2013%203%208%205-5%201-3%202%202%202%204%200%204%200%204%202s0%202-1%201c0-2-1-2-3-1-1%202-1%202%202%203l4%201%201%206c0%204%200%204-1%201l-1-4v8l-1-4v7H0c0%201%202%202%208%202l8%201h2l2-1-1%202-1%204c0%203%200%204%202%204h2l-2%203-2%204-5%201H8v-8H0v10h4c3%200%204%200%204%202s-1%202-4%202c-4%200-4%200-4%203%200%202%200%202%204%202l4-1c0-2%201-2%205-2h5v4l1%204%201%204c0%203%200%204%202%204l1%204c-1%206%200%206%2015%206h13v-7a7056%207056%200%20017-203c1-39%201-37%207-37a632%20632%200%200161-3H0v64M337%202c1%202%205%203%2017%203l5%201%202%2010a1386%201386%200%200111%20141l1%2035%202%2055v3h25v-25a19319%2019319%200%20010-148V0h-32c-31%200-32%200-31%202M43%2010v21l1%2041%201%2021V77a2236%202236%200%20003-61c0-7-1-9-5-6m-19%206v1a784%20784%200%20015%2073l2%2030V16h-7'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5976331360946745,"src":"/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/10d63/head.jpg","srcSet":"/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/08454/head.jpg 270w,\n/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/1413f/head.jpg 540w,\n/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/10d63/head.jpg 1080w,\n/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/60539/head.jpg 1620w,\n/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/b66fb/head.jpg 1710w","srcWebp":"/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/54d25/head.webp","srcSetWebp":"/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/87903/head.webp 270w,\n/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/abd11/head.webp 540w,\n/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/54d25/head.webp 1080w,\n/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/d9e99/head.webp 1620w,\n/portfolio/static/e071df5e0422b47d946d4bdbd5583bd1/e1759/head.webp 1710w","sizes":"(max-width: 1080px) 100vw, 1080px"}}},"location":"Hochschule der Medien, Stuttgart","documents":null,"date":{"from":"März 2015","to":"August 2015"},"team":null,"repos":null,"links":null,"videos":null}},"allFile":{"edges":[{"node":{"childImageSharp":{"id":"60f054f5-b364-5da0-bf75-6bef4a25edfb","fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='250'%20viewBox='0%200%20400%20250'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%208c0%207%200%208%202%209l3%201H2c-4%200-1%203%205%204l11%206-5-1c-4-2-8-3-6-1l5%202c4%201%204%201%203%202-2%201-2%201%201%201h2c-2%201-2%201%200%201%202%201%203%201%202%202l2%201%203%201-2%201h-5c-2%200-2%200%200%202h-1c-3%200-3%200-2%201%205%204%2022%208%2029%207%202%200-4-5-6-5l-1-1c1-1%200-2-1-3v-3l-2-2-1-1c0-2-3-4-4-4l-1%202c0%202-5%200-8-3l-4-3v-1l-1-1c-4-1-8-2-6-3%201%200%200-2-3-4l-3-5-1-2V5c1-2%203-3%204-2l1-1c0-1-2-2-5-2-2%200-2%201-2%208m16-8l4%2010%203%202h-5l4%202%204%202%206%201h3l-5%201c-1%200-2%201-1%203l1%203%201-1v-1l2-1h2l2%201c1%201%202%202%201%204%200%202%200%203-2%202-1-2-2-1-1%202%200%202%204%202%203%200h3l2-3c2-1%203-3%202-3-1-2%203-1%205%201l9%205c1-1%206%202%205%203l2%201%202%201%206%203c5%202%208%205%207%206l-3-2-6-2-2%201-2%202v3c-2%202%200%203%204%203%204%201%208%203%206%204-1%201-2%202-1%203h-2c-2-2-3-2-3-1l2%202c2%201%204%203%204%205l-4-3-6-4c-1%200%201%205%204%207%202%202%203%204%201%204l-5-5c-2-3-5-5-5-4l-1-1h-7l3%203c3%204%203%204-2%203-6%200-7%201-2%203%203%201%202%201-5%201l-17%201c0%202%2015%204%2024%204%206%200%207%201%208%204%201%202%201%202-1%201l-3%201-7%201h-9c-1-2-4-2-9-2-7%200-9-1-5-4%202-2%201-3-5-3a135%20135%200%2001-11%200h-2l2%201%203%201h-3c-2%201-5%204-4%205a483%20483%200%200050%208c17%204%2055%2016%2040%2014L0%2083a1688%201688%200%20001%2095%201763%201763%200%200091-16c1%201%203-1%204-6a518%20518%200%20015-37%205156%205156%200%20006-22c2%200%201-4-1-5h-2l2-1c3%200%207-9%204-9l-1%202-2-1-1-5v-2c-1%200-4-4-4-6l-1-3-1-2v-2l-1-5c-1-3%200-4%203-1h2l2-1%201%201%203%202%203%201-1-4c0-4%200-5%204-3l6%203c5%200%2014%205%2018%208l3%202h2l3%202%206%204c3%203%205%204%209%204l6%202c1%201%201%201%201-1-2-4-2-6-3-22l-1-16V19l1-19h-14c-9%200-13%201-13%202l-1%202c-2%201-2%201-2-1%200-3%200-3-5-3l-6%201h-1l-17-1C92%200%2089%201%2093%203v1l-3-2c-3-1-5-2-3%200s1%203-1%202l-3-3-4-1c-4%200-4%200-3%202l2%202%201%201h-4c0%201%200%202-1%201V4l-1-2-1-1-3-1c-2%200-2%200%200%203l1%204c0%201-2%200-3-3l-1-4H16m288%2011l-2%204v5c1%200%202%201%201%202l1%202%202%202h2c1-1%201-1%203%201%201%202%202%203%201%204h-2l-2-2-4-1h-3l-1%201-1-2c1-1-1-4-2-4v6c1%203%202%203%206%203l5%201%202%201%205%203c3%205%204%205%203%202v-6l1-1c1%200%202%201%201%203%200%202%200%203%201%202%200-3%202-5%202-3l2%201c1-1%201%200%201%202v2h3l2%201c1%200%202%200%201-1l-1-2-1-2c-3%201-2-1%200-3l2-4h1c2%200%202%201%201%203%200%202%200%202%202%202s3-1%203-2v-3c-2%201-2%200-1-2%201-1-2-5-3-4l-1-1h-5l1-1c1%201%201%200%201-2%200-3-1-3-3-2l-6%202h-2l-1-2v5c0%203-1%204-3%204s-2-1-1-2c2-2-1-5-4-5-2%200-1-2%201-2l1-1h-7c1-1%200-2-1-3l-1-1m82%203v2c1%202%200%203-2%201l-6%201-2%201c-2-1-6%201-6%203l-3%202-2%201h-3l-2%201%203%201c2%200%202%200%201%204l-2%205v4c-1-1-4%200-6%203-5%203-7%203-4%200v-1l-5%204-4%202v-1l2-3c0-2%203-4%205-3l1-1-1-1c-1%200-4-2-4-4h2c4%201%204-1%201-3l-4-2h-1l-1%201c-2-2-2%201%200%204%202%204%202%208-1%2010h-2c-1-2-6-2-6%200-1%201%202%202%205%202l3%203c1%202%201%202%202%201%202-2%203-2%203-1-1%201%200%203%202%204h4l1-1%201-1%201-1%203-3%201-2%202%201c1%200%201%202-1%204v2l2%202h-1c0-2-2-1-2%201l-3%201h-2c1%201%200%201-1%201l-4%201h-4l-3-1-3-2-1-4c0-3-1-4-3-2-1%201-1%201-2-1s-2-3-4-2c-1%200-2%200-1-2l-1-2-1-2h-5c-2-2-4%201-4%206%200%206-1%2010-2%209-2%200-5%201-5%203l9%203v3h-3l-2-2-4-1-2%201v3c-2%201-1%202%202%202h4l6%208c-1%201-9%200-9-2l-2-1-2-2-2-3-1%202v1l-2%201-2%202-2%202h-1v-3c2-2%202-2-1-2l-4-1c0-3-4-3-7-2h-4c-3-1-3-1-3%201%201%202-2%204-3%203h-3l-2-2%202-1h1l-1-1c-3-1%202-4%208-5l6-2c1-2%206-1%207%200%201%202%202%202%203%200%202-2%202-2%200-2l-1-1-1-1c-2-1-2-5-1-6l3%201%204%202%202%202%202%201v1c-1%200-1%201%201%202%203%202%204%201%202-2-1-1-1-2%201-4l2-1c0%202%204%201%205-2%200-1%200-2-2-1h-2l-3%201c-2%200-2-3%200-4%201-1%201-1-1-1s-3%202-3%205l-2%202v-1c2-2%201-3-1-2-3%202-6%200-4-3v-6l2-3h-1l-4-2c-2-2-3-3-4-2l-2%201v-1l-1-1c-2%200-3%202-1%202%201%201%200%201-1%201l-2%201-2%202%203%203c3%201%204%202%204%204%200%203-3%203-5%202l-2-1v5l1%202h4l2%201v1l-3%202-5%203-4%201h-2l-1-3%203-3c3-2%204-5%202-5l-2%201a302%20302%200%2001-5%208c2%200%201%203-1%205l-3%204-1%203-1%202c0%204-1%206-3%206s-2-2-1-4%201-2%202%200c1%201%201%200%201-3l1-4%201-3c0-2%200-2-2-2l-2%201v3l-1%203-2-1c0-2-1%200-2%202l1%203v2l-2%201-1-1-2-2c-2%200-4-5-2-6%201-2-2-6-4-6l-1-1c1-3-9-8-11-5l1%203v2l-1%203c-1%204-4%207-7%207-2%200-2%200-1%201%203%202%202%205-2%206-3%201-5-2-4-5l-2-1h-6c-2%200-2%200%200%202l3%202c1%201%201%201-1%203l-2%201%204%203%207%204c2%202%203%202%207%202h3l3%205%203%204%202%202%203%201h-3c-3-1-3-1-2%201l-3-2-3-5c1-1-1-3-2-3v4l-2-2-2-3-1%202v4c2%202-3%207-6%207l-3-1-1-1c1-2%200-2-3-2-5%200-8%202-3%202%202%200%202%200%201%201-4%202-7%204-7%206%201%202-4%204-6%203l-1%202h-1c-2-1-2-1-2%201-1%202-4%203-4%201l1-1c1%200%200-2-3-3-4-2-8-1-8%202%200%202-1%202-1%201l1-4c1-3%201-5-1-3h-2l-1%201-3%202c-1%201-3%203-3%205l-3%203v1c2%201%203%203%201%203s-4-3-3-3c2-1%201-5-1-5-1%200-3-4-2-5v-7c-1-2-6%205-8%2010-2%2010-1%2024%203%2032%204%207%2012%2015%2014%2015l1%201c0%201%209%206%2014%206l3%203v1l1-1%203-1c4%201%2017-1%2023-3%2011-5%2021-15%2025-26%201-5%203-16%202-18l3-1h8l2%202%206%203%205%203%2017%205c7%202%2013%202%2012-1h2l-1-2c-3-3-3-8%200-7l2%201%202%201-2-3c-2-2-3-3%200-5%202-2%203%200%203%204v3l9%203c0%202%201%202%203%201l4-1c2%201%203%206%202%207v3l6-6h2c1%200%202%201%201%202%200%201-1%202-2%201v2c0%202%201%203%203%201h2c2%201%206-2%204-3l3-1c5%201%206%205%202%206-3%200-3%201%200%202l2-2h2c1%201%201%202-1%203-2%204%200%209%204%209h2l-1-1v-1l-2-2c-2-1-2-1-1-2l2-2%202-3h1c0%202%202%201%203-1l2-2c2%200%202%200%201%202v2l1%202h-1c-2-1-2-1-2%201s0%202%203%202h1l-4%207%204%201c5-1%208%200%205%201s0%202%209%203l2%202c-1%201%202%202%205%201%204-1-3-6-10-6h-4l4-1h7c3%201%2011%200%2013-2l1%201%204%201c3%200%203%200%203-4s-3-12-3-8h-1v-6c-1-3%200-6%202-8s2-3%202-28a149%20149%200%2000-1-27c0-2-4-5-5-3-2%203-9%204-10%202v-1c2%200%204-3%204-4s0-2-1-1l-5-2%202-2c2%200%202%200%201-2v-1c2%200%201-2-1-2l-2-2%201-1c2%201%206-3%204-4-1%200-1-1%201-2l3-2h2v-2l-1-2%201-1%204-3%202-4V15a726%20726%200%2000-13-1m-15%2017a4333%204333%200%2000-3%203h1l-2%202c-3%200-3%202-1%203%201%201%201%201-2%202-4%202-5%204-3%204l4-2c4-1%204-1%204%201-1%203%201%203%204%200l3-2h-3l-2-1h7l-2%205c0%201%203%202%206%200%204-3%206-2%202%201l-5%203-2%202h3l4-2%203-3c1%201%204-2%203-4l1-3c3-2-2-7-5-6h-4l-2%202-1-1c-2-1-2-2%200-2%201-1%201-1-1-1-4-2-5-2-7-1M82%2044l-1%205c-1%204-1%205%206%2011%206%206%2010%207%204%202-3-4-6-10-5-11l2%202c2%205%203%204%201-1l-3-5-1-1c1-2-1-3-3-2m-58%208l-2%201%203%201%208%203c2%202%202%202-6%202l-9%201c-1%202%200%202%203%202l26%201c1-1-3-3-7-3-6%200-6-1%200-1h5l-3-3c-6-4-18-7-18-4m168%2020v2l-1%201v1c1%201%200%201-3%201h-4v2h-2c-1-2-2-2-5-2-4%200-4%200-2%201l1%201%202%202%203%201h-3l-8%201c0%202%203%205%204%205v-1c-1-1-2-2-1-3h1c1%203%203%202%205%200l4-2%203-1c-1-1%200-1%201-1l2-1%202-1%201%201%209%201h9l-2-3c-2-1-3-2-4-1l-5-2-5-3-2%201m78%2029v1l1%202h-4v3h-2c-3-2-4%202-1%204%202%202%202%202%203%200l2-2h4v2c-2%200-1%202%202%204%202%203%202%203%207%202%203-2%204-2%201-3v-3l-1-2c-4%201-6%200-6-2%201-1%200-2-1-2l-2-2c1-3%200-4-3-2m118%2057l-1%201c3%202%202%203-1%203l-2-1%202%202c2%202%205%203%207%203l5%202c2%200%202%200%202-5v-6h-5l-7%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5976331360946745,"src":"/portfolio/static/907526bac23150a859a8fbff6c5ab80e/10d63/img_1.jpg","srcSet":"/portfolio/static/907526bac23150a859a8fbff6c5ab80e/08454/img_1.jpg 270w,\n/portfolio/static/907526bac23150a859a8fbff6c5ab80e/1413f/img_1.jpg 540w,\n/portfolio/static/907526bac23150a859a8fbff6c5ab80e/10d63/img_1.jpg 1080w,\n/portfolio/static/907526bac23150a859a8fbff6c5ab80e/ec6c5/img_1.jpg 1280w","srcWebp":"/portfolio/static/907526bac23150a859a8fbff6c5ab80e/54d25/img_1.webp","srcSetWebp":"/portfolio/static/907526bac23150a859a8fbff6c5ab80e/87903/img_1.webp 270w,\n/portfolio/static/907526bac23150a859a8fbff6c5ab80e/abd11/img_1.webp 540w,\n/portfolio/static/907526bac23150a859a8fbff6c5ab80e/54d25/img_1.webp 1080w,\n/portfolio/static/907526bac23150a859a8fbff6c5ab80e/135cd/img_1.webp 1280w","sizes":"(max-width: 1080px) 100vw, 1080px"}}}},{"node":{"childImageSharp":{"id":"44266775-0545-5e62-b6a9-8747a99a7067","fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='250'%20viewBox='0%200%20400%20250'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20125v125h401V0H0v125m178-95l-15%205c-11%205-12%205-11%207l4-1%204-1%202-1c0-1%206-3%2010-2l4-1c0-3%2042-2%2045%201l5%201c3%200%203%200%202%201s-1%201%201%201l3%201%202%201c2%200%2014%208%2014%209h1l4%202c1%202%203%203%203%202l2%203c1%201%202%203%203%202l1%202%202%201%201%202v1l2%201%201%202%201%201%203%204%206%2010%203%208a13232%2013232%200%20004%2014c2%2010%202%2027%201%2034-1%203-2%207-1%209%200%203%200%203%202-3%2011-45-13-94-56-111-15-6-37-8-53-5m-55%2055l-3%204c-3%204-8%2014-8%2019l-1%205c-2%201-1%2029%201%2034a925%20925%200%20019%2022%2085%2085%200%200095%2040l8-3c8-4%2012-6%2010-6l3-2%204-2-4-1c-5-2-6-2-10%200-10%205-33%207-46%204a78%2078%200%2001-53-109c1-4%201-4-2-6-2-1-2-1-3%201m50%2013l3%202c3%200%204%202%202%202v5c1%204%203%207%205%207l1%201-1%201h-2l-2%201-2%201%203%201h5l-1%201c-1%200-2%202-1%204%201%201%201%200%202-2%202-2%202-3%203-2l3%201c2%200%202%200%201-1l-2-2h-2l-2-2-3-3c-3-2-4-10-1-10%201%200%202-1%201-2%200-2-1-2-4-2l-3-1-1-1-2%201m11%2028c0%202%203%206%205%206l3%201-3%201c-4%202-7%202-8%200-2-3-6-4-10-3-3%201-3%201-3-1l-1-1-2-1h-3l-3%203c1%201%200%201-1%201-2%200-2%200-1%203%201%204%201%204%204%205l2%203h3v-1l-2-1-1-2-3-2c-1-3-1-5%201-5l3-2c1-1%201-1%201%201%200%203%202%203%205%202l4-1c1%201-3%204-5%204h-1l-1%202c-2-1-2%201%200%202l2-1c0-3%202-2%204%202%201%203%202%203%205%203%202%200%202%200%201%202-2%201-3%202-4%201-3-1-3%200-1%202s2%202%200%203v1l2%201h1l1%202%201-1h1l1%202-1%201h-1l2%201c1-1%201-1%202%201%202%203%201%203-3%201l-4-1c-1%202%202%204%204%204s2%200%202%202c-1%203-1%203%201%203s2%200%202-2c-1-2%200-3%201-3%202%200%202-1%202-3s0-3%201-2l1-1c0-2-2-3-2-1l-2%201c-2-1-2-1-1-2s1-2-1-2v-4l1-2v2c0%203%201%203%207%204%203%201%204%201%205-1s3-2%202%201l1%202v-8l-3-2-3-1v-8c1-1%205%202%205%204h1l5-1%204-1c0-2%202-1%202%201%200%204%201%206%203%206s2%200%201-1c-2%200-2-1-1-1v-3l-1-1c0-3-3-8-5-8l-1-2h1l1%201v-2c-1-3-4-4-3-1v1c-2%200-1%203%201%205%205%204-4%206-9%202l-3-1-3-2c0-2-2-3-3-3l-3-3c-1-2-2-2-2-1m-8%208v5l-1%202h1l1%201c-1%201%200%201%201%201l3%201%204%203%203%203c0%203%205%203%207%201l1-2c-2%200-5-7-5-11%201-3%200-4-3-2s-11%201-11-2c-1-2-1-2-1%200'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5976331360946745,"src":"/portfolio/static/916fde5df70cdf48ea2676954d792e74/10d63/img_2.jpg","srcSet":"/portfolio/static/916fde5df70cdf48ea2676954d792e74/08454/img_2.jpg 270w,\n/portfolio/static/916fde5df70cdf48ea2676954d792e74/1413f/img_2.jpg 540w,\n/portfolio/static/916fde5df70cdf48ea2676954d792e74/10d63/img_2.jpg 1080w,\n/portfolio/static/916fde5df70cdf48ea2676954d792e74/ec6c5/img_2.jpg 1280w","srcWebp":"/portfolio/static/916fde5df70cdf48ea2676954d792e74/54d25/img_2.webp","srcSetWebp":"/portfolio/static/916fde5df70cdf48ea2676954d792e74/87903/img_2.webp 270w,\n/portfolio/static/916fde5df70cdf48ea2676954d792e74/abd11/img_2.webp 540w,\n/portfolio/static/916fde5df70cdf48ea2676954d792e74/54d25/img_2.webp 1080w,\n/portfolio/static/916fde5df70cdf48ea2676954d792e74/135cd/img_2.webp 1280w","sizes":"(max-width: 1080px) 100vw, 1080px"}}}},{"node":{"childImageSharp":{"id":"9d8d27a6-32dd-5fea-a600-a6dabd44bb52","fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='250'%20viewBox='0%200%20400%20250'%20preserveAspectRatio='none'%3e%3cpath%20d='M3%201L2%202C0%202%200%203%200%207l1%205c1-1%204%200%204%201H0v45c0%2040%200%2046%202%2046l1%202-1%201c-2%200-2%203-2%2017l1%2017c2%200%204%203%203%205l-2%202c-2%200-2%201-2%205s2%206%204%203l2-1%201%201-2%201c-2%200-2%200%200%201v2l-1%202-3%202c-2%200-2%2010%201%2010v3c-3%200-2%205%200%205l1%203v2l1%201-2%201c-2%200-2%201-2%2010l1%2011v1c-2%202-1%208%201%208l1%201-1%201c-2-1-2%201-2%209l1%2010%201%202-1%201-1%203%201%202v1c-1%201%201%201%206%201l8-1%201-2%201-1%201-2%202-1%202-1%201%202-2%202c-1%200-2%201-1%202%200%202%201%202%2034%202%2031%200%2037%200%2033-2v-1l3%202c2%201%2021%202%2021%200h1l3%201%202-1h1l25%201c25%200%2027-1%2027-4h1l1%202c0%202%201%202%2013%202l14-1h1l8%201%207-1h1l3%201v-2c-3-1-3-4%200-4%202%200%202%200%202%202-1%201%200%202%201%202l2%201%206%201%205-1%203-1%202%201%206%201%206-1c-1-1%200-1%201-1l2%201%2014%201c13%200%2014-1%2014-2%200-2%201-2%205-2s5%200%205%202%202%203%202%201c1-2%204-2%2017-2%2014%200%2016%200%2016%202h3l22%201h22v-4l1%202c1%202%2011%203%2011%201h1l7%201h6l-1-31a1264%201264%200%2000-2-40c-3%200-3-5%200-5h3v-23c0-18-1-23-2-22-1%200-2-11-1-12l-1-1-2-2c2-3%205%202%205%207a362%20362%200%2000-2-65c0-2%202-1%202%201%201%201%201-12%201-27V1l-3-1c-2%200-3%200-2%202l-1%202-2-2c0-2-1-2-14-2l-15%201h-1c-2-2-37-1-37%201l-1%201-2-1c0-4-4-2-5%202%200%202-1%203-3%203l-3%202c0%202%200%202-2-1l-1-6c1-2%201-2-6-2-5%200-7%201-7%202h-2c-3-2-7-2-9-1h-1a243%20243%200%2000-50%200c0-2-4-1-4%201h-2c-2-2-3-2-11-2l-9%201-2%201V1l-9-1c-8%200-9%200-9%202-1%202-8%202-8-1l-13-1-14%201h-1c-1-1-1-1-1%201s0%203-2%203l-2-2c0-3-4-4-5-2h-2c-2-1-5-1-5%201h-2l-3-1h-2c0-2-6-1-6%201l-2%201v4h-3l-1-4c0-1%200-2%202-2%201-1%201-1-1-1l-4%202c-2%202-4%201-4-1-1-1-1-1-1%201s-3%204-6%203l-1%202c0%202%200%203%202%203l4%201-1%201-2%202c0%203-2%202-4-2l-3-3-2-1%201-1%203-5h-1l-5%201-6%201c-2%202-3%201-2-1V0H51C22%200%2017%200%2016%202h-5c0-2-8-3-8-1m274%2010l-1%205v5h6l5-1%201-1%202-1c1-1%200-2-1-3%200%200-2-1-2-3-1-2-2-2-5-2l-5%201m-61%206l2%203v2h-2c-1-3-6-3-6%200%201%202%200%203-4%202-2%200-1%204%201%205%201%200%202%200%202-2l2-2%201%202%202%205c1%202%201%202-1%204s-3%203%200%203l2%201-2%201v1h3l4-1c3%200%204-1%203-2l-1-4-2-1c-1%200-2-1-2-3-1-4%200-5%202-4h5c4%200%204%200%204%202%200%203%200%203%203%203s3%200%203-3%200-3-4-3c-2%200-3-1-3-5v-4h-12m-35%202v6c0%205%200%205-1%204h-2l-1%203c0%201%202%202%2010%202l11%201%202%201c2-2%201-4-1-4-2-1-2-2-2-7v-7h-8l-8%201m161%2032l-2%202-1%201-1%201-2%201-2%202%201%202%201-1%201-1%201%209c0%202%201%202%207%202h7V54h-5c-2%200-4%200-3-1l2-2h-4m-103%203h-7c-9%201-9%201-9%203s2%203%204%201h3l2%201c1-1%202%200%202%201%200%202%201%202%204%202%202%201%202%201%202%203s2%203%205%203l-1-1-2-2h3c3%200%203%200%203-3%200-4%200-4-3-4-2%200-2%200-2-2%201-2-3-4-4-2M86%2059c-1%202-1%203-3%203l-3%201-3%201c-2%200-3%201-3%205s0%204%204%204c6%200%206%200%206-3%200-2%201-2%203-3%202%200%203-1%203-2l1-2c2%200%202%200%201-2-4-5-5-5-6-2m165%203c-2%202%200%206%203%206%203%201-4%201-17%201l-8%201-1%2013v13h27V85c0-10%202-20%202-14%200%202%200%202%202%202s3-1%203-5v-5l-6-1h-5M32%2064l-4%201c-3%200-4%200-3%201l-3%205c-4%203-3%205%201%203%204-1%205-1%204%201%200%202%202%203%204%202l1-4c0-3%200-4%204-4%203%200%204%200%205%202%202%202%204%203%204%200l-2-2c-2%200-3-2-4-3-1-3-7-4-7-2m112%200l-1%201c-6%200-7%200-7%204v5c1%202%200%203-2%202s-4%200-2%201%202%204%200%205c-1%200-2%203%200%203l2-2%203-2c3%200%205-2%205-5-1-1%200-3%201-3l1-4%202-2%201-2-1-1h-2m9%207v3c-1%201-1%201-1-1%200-3-3-2-3%201l-2%202-1%203-1%202-1%202%201%201%201%201%203%201%201%201%202%202c2%200%202%200%201-1s0-2%201-3c2-1%202-2%202-4v-3h1c0%201%202%204%204%204l1-1-1-1-4-9-3-1c-1%200-2%200-1%201m126%2018l-2%201c-2%201-2%201-1%202l1%203c-1%203%200%209%201%209h1l2%201%201%203c0%203%201%204%204%203s4-5%202-6l-2-4-1-4-3-2v-2c2-2%202-5-1-5l-2%201m22%2019l1%2017h33V91h-34v17M74%2093c-2%201-2%201%200%202%201%200%202%201%201%202l1%204v2l2%201%201-1c-1-1%200-1%202-1%203%200%204%200%204-2l2-1c1%200%202%200%202-2%200-1%200-2-2-2l-2-1c-1-2-7-2-11-1m100%202l-3%202%207%202%202%201-1%201c-2%200%200%206%202%207l2%201c0%202%203%201%203-1%201-7%201-7-2-8-2%200-2-1-1-1l1-2c0-2%200-2%201-1l2-1c0-1-2-2-3-1-1%202-6%202-7%201%200-2-1-2-3%200m162%200v21h9l10%201c1%203%202%200%202-11V95h-21m-90%206l-1%204c-2%202-1%203%201%202l1%201-2%202h-3l-3%206%204-2c3-2%203-2%205%200h3l2-3v-3c-1-2-1-2%203-2%204%201%204%201%204-1l-2-4c0-1-1-2-5-1l-6-1c-1-2-2-1-1%202m115%200c-2%201-1%207%200%207v2c-2%202-2%206%200%206l1%202%202%201c1%200%202-2%200-3v-3l2-1c6-2%205-12-2-12l-3%201m-201%205c0%204%201%205%202%206%202%200%202%201%201%202v1c1%201%209%201%2010-1%201-1%201-1%203%201h2v-4l-4-2-5-3c-3%200-3-1-3-2%200-2-1-3-3-3-3%200-3%200-3%205m56%202c-1%203%200%206%201%207s0%201-2%201-3%200-3%202-3%204-9%204c-3%200-3%200-3%203s0%203%203%203c2%200%203%200%203-2l2-2c2%200%202%200%201%201-2%202%200%203%202%202l5-2c3-1%204-1%204-4%200-4%200-4%202-3h2l-3-3c-2%200-2-1-2-5%201-5-2-7-3-2m-148%202c0%204%200%205%203%205h3l1%201c0%201-1%202-2%201l-2%201%202%202%201%201%202%204c2%201%202%201%202-1l-3-4c-1-1-1-1%201-1%203%201%203%200%203-2l-1-2-1-4c0-4-1-5-5-5h-4v4m16%206l-1%203-1%204-2%204-1%202c-2%200-1%204%201%204%202%201%203%200%203-2l3-3%202-3c-1-1%200-1%201-1%202%200%202-1%202-4%200-5%200-5-3-5l-4%201m-60%209l-1%201-2%201-2%201c-3%200-4%202-2%204%202%201%202%201%203-1%200-3%204-3%204%200%200%202-1%202-3%202l-2%202h3c1%200%202%200%202%202l4%204%201-3%201-3%201%202c0%203%200%205%202%205s3-3%201-5c-2-1-2-1-1-2%202-1%202-1%200-4-1-3-2-7%200-4%201%202%202%201%201-1%200-2-1-2-5-1l-4-1v-1l-1%202m102%204l2%204c2%202%202%203%202%208v6h15v-9c0-9-1-9-3-9l-3-1h-4l-2%201-2-1-2-1c-2%200-3%201-3%202m22%203c0%203%200%204%203%205l4%202h-6c-2%200-2%200-2%202%200%203%201%204%202%202%200-1%201-1%202%201l1%202c-1%201%200%201%202%202s2%201%201%202c-2%201-1%206%202%207%202%200%203-3%202-7l3-1c2%200%202%200%202-5%200-4%200-5-3-5-2%200-5-3-4-4l-2-1c-2%201-3%200-3-1l-1-1-1-2c0-4-2-2-2%202m-88%201h-4l-3%201c1%202%200%202-1%202l-2%202c0%202%200%203-2%202l-3%201c0%203%203%204%204%202%201-1%201%201%201%206v8h12v-5c1-5%201-6-2-7-2-1%200-8%201-8%202%200%203-3%202-4h-3m142%205l-2%201-2%201%201%201%202%203c0%202%202%203%203%203s2%200%201%201l1%203c3%202%202%203%200%202-2%200-3%200-3%202v7c-1%202%201%204%202%202v-3c-1-2-1-2%201-2%203%201%203%201%203-1s0-3%202-3c3%200%203-1%203-4s0-3-3-3-3%200-3-4c0-3%200-4-2-4l-2-3c0-1-2-1-2%201m159%204c-2%200-2%201-2%205l1%205h4c5%200%205%200%205-2l1-3v-3c-2-3-3-3-9-2m-324%205l1%203%201%201c0%201%201%203%203%203%202%202%202%202-2%202s-6-1-7-2h-1l-1%201c-3%200-3%201-1%204%201%202%205%202%205-1l3-1c2%200%203%201%201%202a337%20337%200%20018%201l2-1c0-2-4-3-4-1h-1l2-2%202-2-2-2-1-1c1-2-1-4-4-3-2%200-2%200-2-2%201-1%200-2-1-2l-1%203m152%200v3c0%202%200%202-6%202-5-1-6%200-5%201l-1%201h-2l-4%201c-1-1-2%200-2%203s0%204%202%204l1-2%204-4c2-1%202%200%202%202%200%204%209%209%209%205%200-6%202-10%202-6l2%202v-4l-1-1%201-1c2%201%203-5%202-7s-4-1-4%201m146%2016c-3%202-4%203-4%207-1%204-1%204-5%204-2%200-3%200-3%202%200%203%200%204%202%203%202%200%203%202%202%205%200%201%205%202%206%201%202-1%201-6-1-6-3-1-4-4-1-4%202%200%202-1%202-4l1-1%202-1%201-2v-1c-1-1-1-1%201-2%202-2%200-3-3-1m-99%203l2%206h3c0%201%206%202%208%201%202%200%202-1%202-5v-4l-8-1h-7v3m-7%2034v3l1%202%201%201%201%201-1%201c-2%200-2%205-1%207%202%202%204%203%204%201l2-3%201-2v-2l1-2c-1-2%200-5%202-5s1-1-2-3c-4-2-7-1-9%201m-156%206c0%202%201%203%202%203l3%202%204%201c6%200%206%200%206-4%201-3%201-3-2-2-1%200-2%200-1-1%202-1%201-2-2-2-3%201-3%202-2%205v1l-2-3c0-5-6-4-6%200m52%204l1%206h5l6-1%202-2%201-1%201-1%202-1v-2l-3%202c-2%202-3%201-3-2s-1-4-6-4h-6v6m68-2l-1%207v5h13v-12l-6-1-6%201m49%206c-1%201-2%201-1%203%200%201%200%202-2%202l-3%203-1%202-1-2v-3l-1%201-1%201c-3%200-7%204-5%205l3%201%201%202%201%201v-2l6-3%201%202c0%202%204%201%205-1l-1-2c-2%200-1-2%202-6%202-2%202-2%203-1h1c0-2-1-3-2-3h-5m48%209l-4%201c-4%201-4%201-4%205l-1%204c-3%200-2%203%201%203%201%200%202%200%201%201-3%201%200%205%204%205%203%200%203%200%203-2-1-2-1-2%201-2%201%200%202%200%201%201%200%202%201%203%203%202%201-1%200-4-1-4l-1-5c0-6-1-10-2-10l-1%201'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5976331360946745,"src":"/portfolio/static/d8742995aa0c37577c13a930b630e1ff/10d63/img_3.jpg","srcSet":"/portfolio/static/d8742995aa0c37577c13a930b630e1ff/08454/img_3.jpg 270w,\n/portfolio/static/d8742995aa0c37577c13a930b630e1ff/1413f/img_3.jpg 540w,\n/portfolio/static/d8742995aa0c37577c13a930b630e1ff/10d63/img_3.jpg 1080w,\n/portfolio/static/d8742995aa0c37577c13a930b630e1ff/ec6c5/img_3.jpg 1280w","srcWebp":"/portfolio/static/d8742995aa0c37577c13a930b630e1ff/54d25/img_3.webp","srcSetWebp":"/portfolio/static/d8742995aa0c37577c13a930b630e1ff/87903/img_3.webp 270w,\n/portfolio/static/d8742995aa0c37577c13a930b630e1ff/abd11/img_3.webp 540w,\n/portfolio/static/d8742995aa0c37577c13a930b630e1ff/54d25/img_3.webp 1080w,\n/portfolio/static/d8742995aa0c37577c13a930b630e1ff/135cd/img_3.webp 1280w","sizes":"(max-width: 1080px) 100vw, 1080px"}}}},{"node":{"childImageSharp":{"id":"7956ef4c-d782-5e3f-9dea-42a1913b068b","fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='250'%20viewBox='0%200%20400%20250'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%20125v125h401V0H0v125m228-58c-5%203-8%207-11%2010l-5%207v7l1%201h-3c0%203%203%204%203%202%201-1%201-1%202%201l2%202h1l3%205%202%204-1-4c-1-6%201-16%205-21%203-6%204-8%201-5h-2c0-1%204-5%208-7l5-4c1-3-4-2-11%202m-96%206c-5%204-8%206-12%2012s-5%2017-3%2024l2%204-4%202c-3%201-6%202-7%204l-5%202-10%203c-24%2013-32%2042-15%2054%205%204%205%204%205-3%201-6%201-6-2-7-3-2-4-5-1-5v-2c-5-5-2-18%206-27l5-6%202-1h1c-1-1%200-2%202-1l1-1%201-1c1%201%202%200%202-1l2-1-2%205c-3%207-3%2018%200%2024l1%204v6l2-2a292%20292%200%20010-13h-2c0-3%203-11%205-14s2-3%201-4v-2l3-3%203-1%201-1%205-3%204-4c0-2%202-3%207-3s7-3%204-10c-2-6-2-5%201-9%204-4%205-7%204-9-2-4-1-6%203-8%205-2%204-3-1-4l-9%202m131%204c0%202-1%203-2%203-2%201-1%204%201%205%203%203%206%2015%205%2021%200%204-3%208-5%2010-3%202-2%203%200%204s2%201%200%201l-3-1-2-1c-4%202-2%203%203%203a1238%201238%200%200110%202c0%201-6%202-15%202l-8%201a366%20366%200%20002%2057h4a1154%201154%200%200164%204l-2-19a48931%2048931%200%2001-5-43v-2l-19%201h-19l4-2c7-6%2013-21%2010-28l-1-4-3-6c-2-3-4-4-2%200%201%201%202%203%201%204l-3-4c-2-2-4-5-6-5l-5-3c-3-2-3-2-4%200m-40%2034v6l-1%206c0%206%200%206%205%2012%207%206%208%206%2010%202l2-3c2%200%201-3-1-3-3-1-10-7-10-8l2-2c1%200%201-1-2-6l-4-7c-1-1-1%201-1%203m-97%2022c-4%202-4%2016%201%2026%204%209%205%2014%203%2019s-5%207-7%205l-1%201h-17c-5%200-5%200-4%203%201%206%206%2012%2012%2015%204%202%2011%203%2010%201-1-1%201-3%203-3s5-4%208-10c3-5%204-20%202-27v-15l-1-3c-2-2-2-2-2%201%200%202%200%202-2-2l-3-7v-2l1-1c1-2%200-2-3-1'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5976331360946745,"src":"/portfolio/static/1b31274713abbdb1dbc327d88275d742/10d63/img_4.jpg","srcSet":"/portfolio/static/1b31274713abbdb1dbc327d88275d742/08454/img_4.jpg 270w,\n/portfolio/static/1b31274713abbdb1dbc327d88275d742/1413f/img_4.jpg 540w,\n/portfolio/static/1b31274713abbdb1dbc327d88275d742/10d63/img_4.jpg 1080w,\n/portfolio/static/1b31274713abbdb1dbc327d88275d742/ec6c5/img_4.jpg 1280w","srcWebp":"/portfolio/static/1b31274713abbdb1dbc327d88275d742/54d25/img_4.webp","srcSetWebp":"/portfolio/static/1b31274713abbdb1dbc327d88275d742/87903/img_4.webp 270w,\n/portfolio/static/1b31274713abbdb1dbc327d88275d742/abd11/img_4.webp 540w,\n/portfolio/static/1b31274713abbdb1dbc327d88275d742/54d25/img_4.webp 1080w,\n/portfolio/static/1b31274713abbdb1dbc327d88275d742/135cd/img_4.webp 1280w","sizes":"(max-width: 1080px) 100vw, 1080px"}}}},{"node":{"childImageSharp":{"id":"ef21cd03-c523-59bb-97c9-d11e9f9b6edd","fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='250'%20viewBox='0%200%20400%20250'%20preserveAspectRatio='none'%3e%3cpath%20d='M192%2066l-1%204c1%202%200%203-2%203l-2%203c0%204-3%206-10%206-9%201-9%201-13%2011l-4%209h-6a572%20572%200%2001-33%203c-9%201-21%204-31%208l-16%203a68%2068%200%2000-39%2014l-5%204-3%203-27%206v107h401v-51l-1-57v-6l-7-2-8-2c-4%200-21-4-23-6l-3-2%202-3c3-2%203-2%201-5-1-3-2-4-4-5l-4-1-3-1c-2%200%200-1%204-3%206-2%207-2%2012%200a206%20206%200%200029%207l3%201%201-24v-5h-6c-7%201-9%202-8%203l-1%201h-1c0-3-7-3-10%200h-10l-5%201-3%203c-2%204-4%204-4%200l-1-3-3-2c-1-1-3-2-7-2-6%200-11%203-11%207%200%202%200%203-4%202-4%200-6%201-6%206%201%203%200%203-2%203l-5%201h-8c0%201-1%201-2-1l-4-1-2-1-4-1-4-1c-4-2-28-4-39-3l-12-1-12-2c-3%200-3%200-7-8-2-6-3-8-2-10%201-6%200-7-4-7s-5%201-5%205c0%203-1%204-2%204s-2-1-1-2l-2-2-3-3c0-4-6-7-8-5M34%2072v2l-2%201h-2l-2%201-2%201-9%201-8%201v1l5%202c5%204%2025%205%2032%201s12-4%2025-4l7-1c2-1%202-1-1-1-5%200-6-2-2-3H59c-2-2-4-2-7-2-12%202-15%202-15%201%201-2%200-2-3-1m172%209c-2%200-2%201-1%202l-1%202-1-1-2-1c-2%200-2%200%200%202l4%203h2l1%201-2%202-2%202%201%201%201%201v3c-3%202%201%203%206%201%203-1%205-2%203-2s-2-1-2-4%200-3-1%200c0%205-2%204-2-1l-1-4-1-6v-2l-2%201m4%2025l-17%206-9%202v13c0%2013%200%2013%205%2011l3-1-1-12c0-12%200-12%207-13l4-1v8c-1%208%200%2010%202%206l3-3%201-5c0-6%200-6%204-7%204-2%205-1%205%204a695%20695%200%20012-7c1-4%200-4-9-1m75%203c-6%202-6%203-4%205s2%202%204%201c3-1%203-1%203%201-1%202-1%202%201%202l4%202%204%201h2c0%202%202%201%202-1%201-4%206-4%2016-2l2-1c0-2%200-2-1-1h-2c0-2%200-2-1-1-2%201-11-2-11-4h-4l-5%201c-4-1-5-1-4-3h-6M0%20197'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5976331360946745,"src":"/portfolio/static/86bacae5c629f7e0617e77ba9379442e/10d63/img_5.jpg","srcSet":"/portfolio/static/86bacae5c629f7e0617e77ba9379442e/08454/img_5.jpg 270w,\n/portfolio/static/86bacae5c629f7e0617e77ba9379442e/1413f/img_5.jpg 540w,\n/portfolio/static/86bacae5c629f7e0617e77ba9379442e/10d63/img_5.jpg 1080w,\n/portfolio/static/86bacae5c629f7e0617e77ba9379442e/ec6c5/img_5.jpg 1280w","srcWebp":"/portfolio/static/86bacae5c629f7e0617e77ba9379442e/54d25/img_5.webp","srcSetWebp":"/portfolio/static/86bacae5c629f7e0617e77ba9379442e/87903/img_5.webp 270w,\n/portfolio/static/86bacae5c629f7e0617e77ba9379442e/abd11/img_5.webp 540w,\n/portfolio/static/86bacae5c629f7e0617e77ba9379442e/54d25/img_5.webp 1080w,\n/portfolio/static/86bacae5c629f7e0617e77ba9379442e/135cd/img_5.webp 1280w","sizes":"(max-width: 1080px) 100vw, 1080px"}}}}]}},"pageContext":{"slug":"/study/bsc/","gallery":"study/bsc/gallery","previous":{"fields":{"slug":"/study/smarthome/"},"frontmatter":{"title":"Smart Home Web App","published":"2015-03-01"}},"next":{"fields":{"slug":"/study/abgespaced/"},"frontmatter":{"title":"abgespaced","published":"2015-03-01"}}}},"staticQueryHashes":["2841359383","3110855344"]}Diese Arbeit beschäftigt sich daher mit dem Stromverbrauch von WebGL Anwendungen auf mobilen Endgeräten. Um den Energieverbrauch und die Leistung eines Gerätes messen zu können wurde im Rahmen dieser Arbeit eine Webanwendung entwickelt, die die WebGL API beinhaltet. Der erste Teil dieser Arbeit beschreibt dazu die Implementierung dieser Anwendung. Im zweiten Teil wird die An-wendung auf verschiedenen Systemen ausgeführt und deren Ergebnisse analysiert.
\n